<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智慧</title>
</head>
<body>
    <nav>
        <span class="fanhui">></span>
        <span>有品智能家电</span>
        <span>分享</span>
    </nav>
    <div class="meishi">
        <p class="youpin">有品生鲜美食</p>
        <p class="item"> <span>美味精选</span>
            <span class="qw">超值尝鲜</span>
            <span>品质保障</span>
        </p>
        <p class="ph"> <img src="../../public/imgs/000.png" alt=""></p>
        <ul class="meth">
            <li>
                <img src="../../public/imgs/1221.png" alt="">
                <p>大家电</p>
            </li>
            <li>
                <img src="../../public/imgs/1222.png" alt="">
                <p>厨房电器</p>
            </li>
            <li>
                <img src="../../public/imgs/1223.png" alt="">
                <p>生活小电</p>
            </li>
            <li>
                <img src="../../public/imgs/1224.png" alt="">
                <p>智能安防</p>
            </li>
            <li>
                <img src="../../public/imgs/1225.png" alt="">
                <p>数码影音</p>
            </li>
            <li>
                <img src="../../public/imgs/1226.png" alt="">
                <p>个护电器</p>
            </li>
            <li>
                <img src="../../public/imgs/1227.png" alt="">
                <p>智能清洁</p>
            </li>
            <li>
                <img src="../../public/imgs/1228.png" alt="">
                <p>宅家必备</p>
            </li>
       
        </ul>
        <p class="qixi"><span>热销榜单</span> <i>查看更多</i></p>

        <ul class="qixiq">
            <li class="item">
                <img src="../../public/imgs/1228.png" alt="">
                <p class="bingxiang">热卖电冰箱</p>
                <p class="bingxiang1"><span>超高性价比</span></p>
            </li>
            <li class="item1">
                <img src="../../public/imgs/1225.png" alt="">
                <p class="tv">畅销电视机榜</p>
                <p class="tv1"><span>品质推荐</span></p>
            </li>
            <li class="item2">
                <img src="../../public/imgs/1227.png" alt="">
                <p class="xichan">应急吸尘器</p>
                <p class="xichen1"><span>品质推荐</span></p>
            </li>
          
        </ul>
    </div>
    <footer>
        <ul>
            <li>
                <span class="iconfont icon-shengxian"></span>
                <p>生鲜食品</p>
            </li>
            <li>
                <span class="iconfont icon-jiu"></span>
                <p>茅台饮酒</p>
            </li>
        </ul>
    </footer>
</body>
</html>